<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="utf-8">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="Content-Language" content="UTF-8" />
	<meta content="all" name="robots" />
	<meta name="author" content="tiger"/>
	<meta name="Copyright" content="jinzhou group" />
	<meta name="description" content="jinzhou group oa" />
	<title>公文模板创建向导</title>
	<link rel="stylesheet" type="text/css" href="../css/default/doc_template2.css" />
	<script language="javascript" src="../js/json2.js"></script>
	<script language="javascript" src="../js/jquery/jquery.js"></script>
	<script language="javascript" src="../js/pub-jquery.js"></script>
	<script language="javascript" src="../js/jquery/jquery.simplemodal.js"></script>
	<script lanugage="javascript" src="../js/jquery/jquery.dimensions.js"></script>
	<script language="javascript" src="../js/jquery/jquery.blockUI.js"></script>
	<script language="javascript" src="../js/jquery/jquery.pagination.js"></script>
	<script language="javascript" src="../js/jquery/jquery.form.js"></script>
	<script language="javascript" src="../js/jquery/jquery.tooltip.js"></script>
	<script language="javascript" src="../js/jquery/jquery.curvycorners.js"></script>
	<script language="javascript" src="../js/jquery/hg.calendar.js"></script>
	<script language="javascript" src="../js/oa_datas/data_company_position.js"></script>
	<script language="javascript" src="../js/default/doc_template2.js"></script>
	<script language="javascript" src="../fckeditor/fckeditor.js"></script>
</head>
<body>
<div class="container">
	<input type="hidden" id="tpl_class" name="tpl_class" />
	<input type="hidden" id="tpl_type" name="tpl_type" />
	<h1 class="page_header_1">公文模板创建向导</h1>
	<!-- 第一步 -->
	<div id="choose_tpl_class" style="display:block;">
	  <!-- <h2>第一步：选择公文类</h2> -->
	  <div class="stepsbar">
	  	<img class="steps step1c" src="../images/spacer.gif" />
	  	<span class="steptext">选择公文类</span>
	  	<img class="steps step2b" src="../images/spacer.gif" />
	  	<img class="steps step3b" src="../images/spacer.gif" />
	  	<img class="steps step4b" src="../images/spacer.gif" />
	  	<div class="divclear"></div>
	  </div>
	  <div id="choose_tpl_class_data"></div>
	  <div class="navigation_bar">
	    <a class="nav_next" id="step1_next" href="#"></a>
	  </div>
	</div>
	<!-- 第二步 -->
	<div id="choose_tpl_type" style="display:none;">
	  <!-- <h2>第二步：选择公文填写方式</h2> -->
	  <div class="stepsbar">
	  	<img class="steps step1h" src="../images/spacer.gif" />
	  	<img class="steps step2c" src="../images/spacer.gif" />
	  	<span class="steptext">选择公文填写方式</span>
	  	<img class="steps step3b" src="../images/spacer.gif" />
	  	<img class="steps step4b" src="../images/spacer.gif" />
	  	<div class="divclear"></div>
	  </div>
	  <a class="tpl_types" href="#">
	    <div id="tpl_types_form_in"></div>
	    <input type="radio" value="1" id="tpls_type_1" name="tpls_type_item" /> 表单填写方式
	  </a>
	  <a class="tpl_types" href="#">
	    <div id="tpl_types_html_in"></div>
	    <input type="radio" value="2" id="tpls_type_2" name="tpls_type_item" />HTML 填写方式
	  </a>
	  <div class="navigation_bar">
	    <a class="nav_next" id="step2_next" href="#"></a>
	    <a class="nav_prev" id="step2_prev" href="#"></a>
	  </div>
	</div>
	<!-- 第三步（1） -->
	<div id="form_in_step1" style="display:none;">
	  <div class="stepsbar">
	  	<img class="steps step1h" src="../images/spacer.gif" />
	  	<img class="steps step2h" src="../images/spacer.gif" />
	  	<img class="steps step3cb" src="../images/spacer.gif" />
	  	<span class="steptext">设计模板</span>
	  	<img class="steps step4b" src="../images/spacer.gif" />
	  	<div class="divclear"></div>
	  </div>
	  <!-- <input id="form_tpl_status_1" name="form_tpl_status_1" type="hidden" /> -->
	  <div class="notice"><b>提示：</b>设计表单填写方式的模板的时候，请加入表单域，这样系统就能够自动生成表单。表单域的加入方法是：
	  		<br /> 想好一个表单域名（只允许字母和数字），在适当的位置插入“<font color="green">#{<表单域名>}</font>”。如“<font color="green">#{formname}</font>”。
	  		请注意一个模板<font color="red">不允许</font>出现两个相同的表单域名。详见<a href="#" onclick="return false;" style="color: blue;">这里</a>。
	  </div>
	  <div class="fckeditor_block"><textarea id="form_tpl_1" name="form_tpl_1"></textarea></div>
	  <div class="navigation_bar">
	    <a class="nav_next" id="step31_next" href="#"></a>
	    <a class="nav_prev" id="step31_prev" href="#"></a>
	  </div>
	  <div class="divclear"></div>
	</div>
	<!-- 第三步 -->
	<div id="html_in_step1" style="display:none;">
	  <div class="stepsbar">
	  	<img class="steps step1h" src="../images/spacer.gif" />
	  	<img class="steps step2h" src="../images/spacer.gif" />
	  	<img class="steps step3c" src="../images/spacer.gif" />
	  	<span class="steptext">设计模板</span>
	  	<img class="steps step4b" src="../images/spacer.gif" />
	  	<div class="divclear"></div>
	  </div>
	  <!-- <input id="html_tpl_status_1" name="html_tpl_status_1" type="hidden" /> -->
	  <div class="fckeditor_block"><textarea id="html_tpl_1" name="html_tpl_1"></textarea></div>
	  <div class="navigation_bar">
	    <a class="nav_next" id="step3_next" href="#"></a>
	    <a class="nav_prev" id="step3_prev" href="#"></a>
	  </div>
	</div>
	<!-- 第三步（2） -->
	<div id="form_in_step2" style="display:none;">
	  <!-- <h2>第三步（2）：为模板选择表单</h2> -->
	  <div class="stepsbar">
	  	<img class="steps step1h" src="../images/spacer.gif" />
	  	<img class="steps step2h" src="../images/spacer.gif" />
	  	<img class="steps step3c" src="../images/spacer.gif" />
	  	<span class="steptext">为模板选择表单</span>
	  	<img class="steps step4b" src="../images/spacer.gif" />
	  	<div class="divclear"></div>
	  </div>
	  <input type="hidden" id="form_in_blocks_ids" name="form_in_blocks_ids" />
	  <div class="editor_preview_block">
	  	<div id="data_preview" class="column span-13"></div>
	  	<div id="form_in_blocks_data" class="column"></div>
	  	<div class="divclear"></div>
	  </div>
	  <div class="navigation_bar">
	    <a class="nav_next" id="step32_next" href="#"></a>
	    <a class="nav_prev" id="step32_prev" href="#"></a>	
	  </div>
	</div>
	<!-- 第四步 -->
	<div id="form_in_step3" style="display:none;">
	  <!-- <h2>第四步：为模板起名、上传缩略图</h2> -->
	  <div class="stepsbar">
	  	<img class="steps step1h" src="../images/spacer.gif" />
	  	<img class="steps step2h" src="../images/spacer.gif" />
	  	<img class="steps step3h" src="../images/spacer.gif" />
	  	<img class="steps step4c" src="../images/spacer.gif" />
	  	<span class="steptext">为模板起名、上传缩略图</span>
	  	<div class="divclear"></div>
	  </div>
	  给模板起个名字：
	  <input type="text" id="tpl_name" name="tpl_name" />
	  <br />
	  上传缩略图：
	  <div id="upload_pic_iframe">
	      <iframe src="doc_template_uppics.php"></iframe>
	  </div>
	  <div id="upload_pic" style="display:none;">
	      <img id="upload_pic_img" src="../doc_tpl/notpl.png" width="120" height="90" />
	      <input type="button" value="重新上传" onclick="$('#upload_pic_iframe').show();$('#upload_pic').hide();" />
	  </div>
	  <div class="navigation_bar">
	    <a class="nav_finished" id="step4_submit" href="#"></a>
	    <a class="nav_prev" id="step4_prev" href="#"></a>
	  </div>
	</div>
	<!-- 完成提交 -->
	<div id="aftersubmit" style="display:none;">
	    <a href="doc_template.php">创建新模板</a>
	    <a href="doc_template_management.php">管理模板</a>
	    <a href="main.php">返回首页</a>
	</div>
	<!-- 显示“选项输入”对话框 -->
	<div id="input_select_options" style="display:none;">
		<div class="modal_header">添加选项</div>
		<div class="modal_content">
			<div><input type="radio" name="iso_type" checked="checked" value="1" /> 输入：</div>
			<div style="margin-left: 30px;">
				标签：<input type="text" id="iso_label" /> &nbsp; &nbsp; 
				值：<input type="text" id="iso_value" />
			</div>
			<div class="notice" style="margin: 5px 15px 0 30px;">
				<strong>提示：</strong> 标签和值分别对应表单可见的“名称”和相应的值。例如：
				<br />在标签处输入“晴天”，值处输入“qingtian”。
				<br />△ 对于单选框来说，将显示为：<input type="radio" value="qingtian" /> 晴天 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
				△ 对于下拉框来说，将显示为：<select style="width: auto;"><option value="qingtian">晴天</option></select>
			</div>
			<hr style="margin: 10px 0;" />
			<div><input type="radio" name="iso_type" value="2" /> 预设：</div>
			<div style="margin-left: 30px;">
				<select size="8" style="width: 100px;" disabled="disabled" id="iso_selection"></select>
				&nbsp;
				<select size="8" style="width: 150px;" disabled="disabled" id="iso_list"></select>
			</div>
		</div>
		<div class="modal_footer"><input type="button" id="iso_ok" value="确定" /></div>
	</div>
	<!-- 修改“选项输入” -->
	<div id="input_modify_options" style="display:none;">
		<div class="modal_header">修改选项</div>
		<div class="modal_content">
			标签：<input type="text" id="imo_label" /> &nbsp; &nbsp; 
			值：<input type="text" id="imo_value" />
		</div>
		<div class="modal_footer"><input type="button" id="imo_ok" value="确定" /></div>
	</div>
</div>
</body>
</html>
